<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>贪吃蛇</title>
  <link rel="stylesheet" type="text/css" href="index.css" /> 
</head>
<body>
    <div id="content">
        <div id="main"></div>
        <div id="menu">
            <h1 class="game-title">贪吃蛇</h1>
            <div class="info">
                <div class="label">积分</div>
                <div id="score" class="value">0</div>
            </div>
            <div class="info">
                <div class="label">难度</div>
                <div id="lv" class="value">1</div>
            </div>
            <div class="explain">
                键盘上下左右键控制方向，随积分增长难度也会增长，空格键暂停
            </div>
        </div>
        <!-- 蒙版 -->
        <div id="masking">
            <h2 id="masking-title">准备开始</h2>
            <p id="masking-explain">点击下方开始按钮开始游戏</p>
            <div id="masking-btn">开始游戏</div>
        </div>
    </div>      
</body>
<script src="index.js"></script>
</html>